<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<link href="https://unpkg.com/@wangeditor/editor@latest/dist/css/style.css" rel="stylesheet">

	<link rel="stylesheet" href="../static/css/amazeui.min.css">
	<link rel="stylesheet" href="../static/css/admin.css">
	<link rel="stylesheet" href="../static/css/app.css">
	<style>
		#editor—wrapper {
			border: 1px solid #ccc;
			/* width: 800px;
			left: 200px; */
			/* 按需定义 */
		}

		#toolbar-container {
			border-bottom: 1px solid #ccc;
		}

		#editor-container {
			height: 50px;
		}

		.admin-main {
			padding-top: 0px;
		}


		.dropbtn {
			background-color: #56a559;
			color: white;
			/* padding: 14px; */
			padding: 0.4cm 2.5cm;
			font-size: 16px;
			border: none;
			cursor: pointer;
			/* position:absolute;
left:100px; */
		}



		.dropdown {
			position: relative;
			display: inline-block;
		}

		.dropdown-content {
			display: none;
			position: absolute;
			background-color: #f9f9f9;
			min-width: 160px;
			box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
			z-index: 1;
		}

		.dropdown-content a {
			color: black;
			padding: 12px 16px;
			text-decoration: none;
			display: block;
		}

		.dropdown-content a:hover {
			background-color: #f1f1f1
		}

		.dropdown:hover .dropdown-content {
			display: block;
		}

		.dropdown:hover .dropbtn {
			background-color: #3e8e41;
		}

		.rt-container {
			height: 200px;
			width: 500px;
			padding: 10px;
			overflow: auto;
		}

		div.new {
			width: 1500px;
			text-align: -webkit-center;
		}
	</style>



</head>

<body>
	<div id="up">

		<!-- action="http://localhost:9090/NewsReleaseSystem/addServlet"  -->
		<div class="am-cf admin-main">
			<!-- content start -->
			<div class="admin-content">
				<div class="admin-content-body">
					<div class="am-g">
						<form class="am-form am-form-horizontal" action="http://localhost:9090/NewsReleaseSystem/addServlet" method="post"
						target="frameName" enctype="multipart/form-data"
							 style="padding-top: 30px;">
							<input value="504" name="roleId" type="hidden">
							<div class="am-form-group">
								<label for="user-name" class="am-u-sm-3 am-form-label">
									新闻标题
								</label>
								<div class="am-u-sm-9">
									<input id="roleName" required="required" placeholder="请输入新闻标题"
										value="1" name="title" type="text">
									<small id="helpRole">输入新闻标题。</small>
								</div>
							</div>

							<!-- 新闻作者 -->
							<div class="am-form-group">
								<label for="user-name" class="am-u-sm-3 am-form-label">
									新闻作者
								</label>
								<div class="am-u-sm-9">
									<input  id="roleName" required="required" placeholder="请输入文章作者"
										value="1" name="author" type="text">
									<small id="helpRole">输入文章作者</small>
								</div>
							</div>

							<!-- 做成下拉框，分类id自动填充 -->
							<div class="am-form-group">
								<label for="user-name" class="am-u-sm-3 am-form-label">新闻分类</label>
								<div class="am-u-sm-9">
									<select name="sort">
										<option v-for="item in sort" :value="item.sortName">{{item.sortName}}</option>
									</select>
								</div>
							</div>

							<!-- 分类id
						<div class="am-form-group">
							<label for="user-name" class="am-u-sm-3 am-form-label">
								新闻分类id
							</label>
							<div class="am-u-sm-9">
								<input v-model="sortId" id="roleName" required="required" placeholder="请输入新闻分类" value="1" name="sortId"
									type="text">
								<small id="helpRole">输入新闻分类id。</small>
							</div>
						</div> -->

							<!-- <select>
							<option selected disabled="disabled" label="--新闻分类--"></option>
							<option label="国际">
							<option value="1"></option>
							</option>
						</select> -->

							<!-- 新闻发布时间（下拉） -->


							<!-- 新闻图片地址 -->

							<div class="am-form-group">
								<label for="user-name" class="am-u-sm-3 am-form-label">
									新闻图片
								</label>
								<div class="am-u-sm-9">
									<input id="roleName" required="required" placeholder="请输入新闻图片地址链接"
										value="1" name="picture" type="file" />
									<small id="helpRole">选择新闻图片。</small>
								</div>
							</div>

							<!-- 新闻内容 -->
							<!-- <div class="new">
							<label>新闻内容编辑</label><br />
						  --------------------------------------------------------------<br />
						  <button onclick="bold()">粗体</button>
						  <button onclick="italic()">斜体</button>
						  <button onclick="changeColor()">改变颜色</button>
						  <button onclick="insert()">插入字符(表情)</button><br />
						  点击下面文本框，进入新闻编辑吧~
						<br />
						  --------------------------------------------------------------<br />
						  <div class="rt-container" contenteditable="true" ></div>
						  
						  ------------------------------------------------------------------<br /> 
						</div> -->




							<div class="am-form-group">
								<label for="user-name" class="am-u-sm-3 am-form-label">
									新闻内容
								</label>
								<!-- <div id="editor—wrapper" class="am-u-sm-9">
									<div id="toolbar-container"></div>
									<div id="editor-container"></div>
								</div> -->
								<div class="am-u-sm-9">
									<textarea contenteditable="true" rows="" cols="50" placeholder="请输入新闻正文" name="content"></textarea>
									<small>输入内容。</small>
								</div>
							</div>


							<!-- 新闻审核状态 -->
							<div class="am-form-group">
								<label for="user-name" class="am-u-sm-3 am-form-label">
									新闻状态
								</label>
								<div class="am-u-sm-9">
									<input id="roleName" required="required" placeholder="请输入新闻分类"
										value="1" name="state" type="text">
									<small id="helpRole">输入新闻状态。</small>
								</div>
							</div>

							<div class="am-form-group">
								<div class="am-u-sm-9 am-u-sm-push-3" >
									<input id="addRole" class="am-btn am-btn-success" type="submit"  value="提交" >
								</div>
							</div>
						</form>
						<iframe src="" frameborder="0" id="frameName" name="frameName"></iframe>
					</div>
				</div>
			</div>
		</div>

	</div>
	<!-- 官网提供的 axios 在线地址 -->
	<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
	<!-- 开发环境版本 -->
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<script type="text/javascript" src="../static/js/jquery-1.11.3.min.js"></script>
	<script type="text/javascript" src="../static/myplugs/js/plugs.js"></script>
	<script src="https://unpkg.com/@wangeditor/editor@latest/dist/index.js"></script>
</body>
</html>
